/*手机端 平板端样式*/


/*头部*/

.pc_top {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 3.409091rem;
    margin: auto;
    padding: 0 3%;
   background-color: #262626;
    
}

.logo {
    float: left;
    height: 1.818182rem;
    margin-top: 0.7rem;
}

.logo a {
    height: 100%;
}

.logo a img {
    float: left;
    height: 100%;
}

.pc_top_right {
    float: right;
    height: 100%;
}

.pc_top_nav_buttom {
    height: 1.818182rem;
    margin-top: 0.8rem;
}

.pc_top_nav_buttom img {
    height: 100%;
    float: right;
}

.pc_top_nav_ul {
    display: none;
    position: fixed;
    z-index: 99;
    top: 3.409091rem;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 0 5% 6%;
}

.pc_top_nav_ul li {
    height: 4.583333rem;
    line-height: 4.583333rem;
    font-size: 1.166667rem;
    font-weight: bold;
    border-bottom: #000 1px solid;
}

.pc_top_nav_ul li a {
    display: block;
}



/*首页*/

.content {
    padding-top: 3.409091rem;
}

.banner { width: 100%;
    height: 18rem;
    
}
.banner02{ width: 100%; height: 100%; color: #fff; text-align: center; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.banner02 p{ width: 100%; font-size: 2.181818rem; margin: 21.636364rem auto 0; }
.banner02 span{ display: block; width: 100%; font-size: 1.218182rem; }
.banner02 a{ display: block; margin: 2.636364rem auto 0; width: 40%; height:2.727273rem ; line-height:2.727273rem ; font-size: 0.909091rem; color: #fff; background-color: #78bc12; border-radius: 2.272727rem; }

.bacol{ background-color: #f5f6fa; }


.cont_width {
    width: 100%; height: 100%; padding: 0 3%;
    margin: auto;
}
.cont_width02{ height: auto; }
.cont_first{ padding:2.727273rem 0; height: 27.272727rem; }
.cont_secend{padding:2.727273rem 0;}
.cont_first_text{ width: 60%; height: 100%; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

     }
.cont_first_text h1{ width: 100%; font-size:1.5rem ; margin-bottom: 0.4rem; margin-left: 5px;}
.cont_first_text p{ width: 100%; font-size:0.909091rem ; color: #333; margin-bottom: 0.7rem; margin-left: 5px; }
.cont_first_text p b{ font-size: 1.090909rem; }
.cont_first_text span{ display: block; width:3.636364rem ; height:0.454545rem ; background-color: #000; margin-left: 5px;}
.cont_first_img{ width: 40%; height: 100%;   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-box-pack: end;
            justify-content: flex-end; text-align:right;}
.cont_first_img img{max-height: 100%; max-width: 100%;}
.bacol .cont_first_img{ -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-box-pack: start;
         justify-content: flex-start; text-align:left;}
.title_one{ margin-bottom:2.045455rem ; text-align: center; }
.title_one h1{ font-size: 1.545455rem; line-height: 2;}
.title_one span{ display: block; width:2.727273rem; height: 3px; background-color: #000; margin:  auto;  }
.cont_js_ul{ float: left; width: 100%; }
.cont_js_ul li{ float: left; width: 100%; margin-bottom: 1.363636rem; }
.cont_js_ul li h1{ float: left; width:30% ; }
.cont_js_ul li h1 img{ width:60% ; }
.cont_js_ul li h1 .img3{ width: 80%; height: 160px;  }
.cont_js_ul li div{ float:left; margin-top: 2rem; }
.cont_js_ul li div h2{ font-size:1.181818rem ; margin-bottom:0.5rem ; }
.cont_js_ul li div p{ font-size:0.818182rem ; line-height:1.5 ; }
.cont_cj_ul{ float: left; width: 100%; text-align: center;}
.cont_cj_ul li{ display: inline-block; width:20% ; margin-left:4% ; margin-bottom: 1rem;  }
.cont_cj_ul li h1{ margin-bottom:0.5rem ; }
.cont_cj_ul li h1 img{ width: 100%; }
.cont_cj_ul li p{ font-size: 0.909091rem; }
.cont_ys_ul{ width: 100%; }
.cont_ys_ul li{ float: left; margin-left:5% ; text-align: center; width:30% ; height:15.636364rem ; padding: 1.818182rem 3%; background-color: #fff; box-shadow: 0px 0 10px #ccc; }
.cont_ys_ul li:first-child{ margin-left: 0; }
.cont_ys_ul li h1{ margin-bottom: 0.4rem; }
.cont_ys_ul li h1 img{ height: 5.136364rem; }
.cont_ys_ul li span{ display: block; font-size:0.909091rem ; line-height: 2; }
.cont_ys_ul li p{ font-size: 0.627273rem; color: #000; font-weight: bold;}
.cont_hhr{ width: 100%; float: left; position: relative; }
.cont_hhr_left{ float: left; width: 40%; }
.cont_hhr_left img{ width: 100%; }
.cont_hhr_right{ display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; width:60% ; height: 100%; position: absolute; top: 0; right: 0; }
.cont_hhr_ri_text{ width: 100%; }
.cont_hhr_ri_text span{ font-size:0.909091rem ; display: block; }
.cont_hhr_ri_text p{ font-size:0.627273rem ;   } 
.cont_hhr_ri_text p{ font-size: 0.727273rem; color: #000; font-weight: bold;}
.cont_hhr_ri_text p{ margin: 1rem 0 1rem 5%;}
.cont_jg{ text-align: center; }
.cont_jg img{ width: 80%; }
.cont_gsjs{ width:90% ; margin: auto; padding:1.563636rem 3%; background-color: #f5f6fa; position: relative;  }
.cont_gsjs p{ font-size: 0.727273rem; color: #666; line-height: 2; }
.cont_gsjs h1{ position: absolute; bottom: -1rem; right: 2%; }
.cont_gsjs h1 img{ width:2.0rem ; }
.cont_gsjs h1:first-child{top: -1rem; left: 2%; bottom:auto; right:auto;}
.cont_swhz{ position: relative; margin: auto; }
.cont_swhz h6{ display: none; }
.cont_swhz02{ width:80%; margin: auto; padding: 2.272727rem 5%; background-color: #fff; box-shadow: 0 0 10px #ccc; border-radius: 0.454545rem; }
.cont_swhz_text_tab{ width: 100%; }
.cont_swhz_text_tab td:first-child{ width: 28%; padding-right: 2%; text-align: left; }
.cont_swhz_text_tab td{  font-size:0.636364rem ; padding-bottom:0.909091rem ; }
.cont_swhz_text_tab td input{ display: block; width: 100%; height: 2.045455rem; padding: 0 2%; background-color: #f2f2f2; border-radius: 0.227273rem; }
.cont_swhz_text_tab td select{ width: 100%;height: 2.045455rem; margin-top: 0.909091rem; color: #666; padding: 0 2%; background-color: #f2f2f2; border-radius: 0.227273rem; }
.cont_swhz_text_tab td select:first-child{ margin-top: 0; }
.cont_swhz_text_tab td div{display: inline-block; width: 100%; height: 2.045455rem; padding: 0 2%; background-color: #f2f2f2; border-radius: 0.227273rem;}
.cont_swhz_text_tab td input[type = file]{ padding:0.4rem 0 0;  color: #666; }
.tj_buttom{ text-align: center; margin-top: 0.909091rem;  }
.tj_buttom input{width:50% ; height: 2.272727rem; background-color: #78bc12; font-size: 0.909091rem; color: #fff; text-align: center; border-radius: 2.272727rem;cursor: pointer;}
.footer{ padding:2.954545rem 0; background-color: #1a1a1a; }
.footer02{ margin: auto; }
.footer02_left{ height:2.545455rem ; line-height:2.545455rem ; margin-bottom: 0.5rem; text-align:center; font-size:1.636364rem ; color: #78bc12; font-weight: bold; }
.footer02_left img{ height: 2.045455rem; display: inline-block; margin-right: 1%; margin-top: 0.227273rem; vertical-align: top; }
.footer02_right{ text-align: center; font-size:0.636364rem ; color: #aeaeae; }



/*PC端样式*/

@media screen and (min-width: 1200px) {
    /*首页*/
    .top_color{background-color: #262626; min-width: 1200px;}
    .pc_top { 
        position: initial;
        width: 1200px;
        padding: 0;
        border-bottom: none;
    }
    .pc_top_nav_buttom {
        display: none;
    }
    .banner {
        height: 650px;
    }
    .banner02 p{ font-size: 3.181818rem; }
    .banner02 span{font-size: 1.818182rem;}
    .banner02 a{ margin: 3.636364rem auto 0; width: 20%; }
    
    .pc_top_nav_ul {
        display: block;
        position: inherit;
        width: auto; margin-top:0.681818rem ;
        padding: 0;
    }
    .pc_top_nav_ul li {
        float: left;
        height: 2.045455rem; line-height: 2.045455rem;
        padding: 0 20px;
        margin: auto 15px;
        font-size: 16px;
        border-bottom: #262626 4px solid;
        font-weight: normal;
    }
    .pc_top_nav_ul li a {
        color: #fff;
    }
    .pc_top_nav_ul li.act01 {
        border-bottom: #7dbf19 4px solid;
    }
    .pc_top_nav_ul li.act01 a {
        color: #7dbf19;
    }
    .content {
        padding-top: 0;
    }
    .cont_width {
        width: 1200px;
    }
    .ind_cont_qx h1 {
        font-size: 2rem;
    }
    .ind_cont_qx_ul {
        float: left;
    }
    .ind_cont_qx_ul li {
        float: left;
        width: 200px;
        margin: 0 0 1.25rem 50px;
    }
    .ind_cont_qx_ul li:first-child {
        margin-left: 0;
    }
    .ind_cont_qx_ul li div {
        height: 200px;
        font-size: 14px;
    }
    .ind_three {
        height: 31.25rem;
    }
    .title02 {
        margin-bottom: 120px;
    }
    .ind_three02_ul li {
        width: 300px;
    }
    .ind_three02_ul li img {
        height: 270px;
    }
    .pc_footer {
        display: block;
    }
    .cont_first_text{ display: block; padding-top:8rem ; }
    .cont_first_img{ display: block;  }
    .cont_first_img img{ height: 100%; max-width: none; }
    .cont_js_ul li div{ margin-top:4rem ; }
    .cont_ys_ul li{ width:26% ; margin-left:11% ; }
    .cont_ys_ul li p{ font-size: 0.727273rem; }
    .cont_js_ul li h1 .img3{ width: 80%; height: 385px;  }
    .cont_hhr_left{ width: 40%; }
    .cont_hhr_right{ display: block; width: 53%; height: auto; padding-top:50px; }
    .cont_hhr_ri_text p{ font-size: 0.727273rem; color: #000; font-weight: bold;}
    .cont_hhr_ri_text p{ margin: 1.7rem 0 1rem 10%; }
    .cont_swhz02{   padding: 2.272727rem 10%; }
    .cont_js_ul li h1 .img3{ width: 80%; height: 385px;  }
    .cont_swhz_text_tab td:first-child{ width:auto;}
    .cont_swhz_text_tab td select{ width: 31.4%; margin-left:2% ;}
    .cont_swhz_text_tab td select:first-child{ margin-left: 0; }
    .cont_swhz_text_tab td input[type = file]{ padding:0.4rem 0 0;}
    .footer02{ width: 850px; }
    .footer02_left{ float: left; margin-right: 25px; width: 380px; border-right:#aeaeae 1px solid; }
    .footer02_left img{ float: left; }
    .footer02_right{ text-align: left; padding-left: 10px; }
    .cont_cj_ul li{ float: left; width:10% ; margin-left:3.75% ; text-align: center; }

}